const gulp = require('gulp') //浏览器前缀

const cssmin = require('gulp-cssmin') // 压缩css的插件添加浏
const autoprefixer = require('gulp-autoprefixer') // css
const sass = require('gulp-sass')(require('sass')); // 老版本的node-sass被废弃了,采用这种方式

// gulp3的写法
// gulp.task("cssHandler", function() {
//   // return 捕获流的结束，捕获到当前任务的结束
//   return gulp
//     .src("./src/css/*.css")
//     .pipe(cssmin())
//     .pipe(gulp.dest('./dist/css/'))
// })

// const cssHandler = function() {
//   return gulp
//     .src('./src/css/*.css')
//     .pipe(cssmin())
//     .pipe(gulp.dest('./dist/css'))
// }

// 创建任务
// 打包css
const cssHandler = function() {
  return gulp
    .src('./src/css/*.css')
    .pipe(autoprefixer())
    .pipe(cssmin())
    .pipe(gulp.dest('./dist/css'))
}

const sassHandler = function() {
  return gulp
    .src('./src/scss/*.scss')
    .pipe(sass())
    .pipe(autoprefixer())
    .pipe(cssmin())
    .pipe(gulp.dest('./dist/sass/'))
}

module.exports.cssHandler = cssHandler
module.exports.sassHandler = sassHandler